{% extends "_layouts/examples.html" %}
{% block title %}Table / With icons{% endblock %}

{% block standalone_css %}base{% endblock %}

{% block content %}
<table class="p-table" aria-label="Example of a table with icons">
  <thead>
    <tr>
      <th>ID</th>
      <th>Architecture</th>
      <th>Duration</th>
      <th class="p-table__cell--icon-placeholder">Result</th>
      <th>Build finished</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>#1234</th>
      <td>amd64</td>
      <td>6 minutes</td>
      <td class="p-table__cell--icon-placeholder"><i class="p-icon--success"></i>Released</td>
      <td>2 hours ago</td>
    </tr>
    <tr>
      <th>#1233</th>
      <td>arm64</td>
      <td>5 minutes</td>
      <td class="p-table__cell--icon-placeholder"><i class="p-icon--error"></i>Failed</td>
      <td>2 hours ago</td>
    </tr>
    <tr>
      <th>#1232</th>
      <td>i386</td>
      <td>4 minutes</td>
      <td class="p-table__cell--icon-placeholder">In progress</td>
      <td>2 hours ago</td>
    </tr>
  </tbody>
</table>
{% endblock %}
